<template>
  <t-dialog :visible.sync="visible"
  :header="`科普传媒详情`"
  :confirmBtn="null"
  :cancelBtn="null"
  :onClose="closeDialog"
  :closeOnOverlayClick="false"
  placement="center"
  width="60%">
      <div style="height: 65vh; width: 98%">
          <t-form ref="form" :data="formData" :colon="true">
          <t-row :gutter="[14,25]">
              <t-col :span="6">
                  <t-form-item labelWidth="220px" label="年度" name="year">
                    {{formData.year}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="科普图书-当年出版种数" name="kptscbzs">
                    {{formData.kptscbzs}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="科普图书-当年出版总册数" name="kptscbzcs">
                    {{formData.kptscbzcs}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="科普期刊—当年出版种数" name="kpqkcbzs">
                    {{formData.kpqkcbzs}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="科普期刊—当年出版总册数" name="kpqkcbzcs">
                    {{formData.kpqkcbzcs}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="科技类报纸当年发行总份数" name="kjlbzfxzs">
                    {{formData.kjlbzfxzs}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="科普电影-当年放映片源数量" name="kpdyfyzs">
                    {{formData.kpdyfyzs}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="科普电影-其中：国产数量" name="kpdygczs">
                    {{formData.kpdygczs}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="科普电影-进口数量" name="kpdyjkzs">
                    {{formData.kpdyjkzs}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="科普电影-当年观众数量" name="kpdygzzs">
                    {{formData.kpdygzzs}}
                  </t-form-item>
                  <t-form-item labelWidth="250px" label="电视台当年播出科普（技）节目时长" name="dstkpjmzsc">
                    {{formData.dstkpjmzsc}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="电台当年播出科普（技）节目时长" name="dtkpjmzsc">
                    {{formData.dtkpjmzsc}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="科普网站-建设数量" name="kpwzjssl">
                    {{formData.kpwzjssl}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="科普网站-当年访问数量" name="kpwzfwsl">
                    {{formData.kpwzfwsl}}
                  </t-form-item>
              </t-col>
              <t-col :span="6">
                  <t-form-item labelWidth="220px" label="审批状态" name="status">
                    <t-tag v-if="row.status" :theme="handleTheme(row.status, dict.type.approve_status )" variant="light">
                          {{ row.status | filterByDict(dict.type.approve_status) }}
                    </t-tag>
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="科普网站-当年发文数量" name="kpwzfwwsl">
                    {{formData.kpwzfwwsl}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="当年发放科普读物和资料	份" name="kpdwzlzs">
                    {{formData.kpdwzlzs}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="科普类微博-建设数量" name="kpwbjszs">
                    {{formData.kpwbjszs}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="科普类微博-当年发文数量" name="kpwbfwzs">
                    {{formData.kpwbfwzs}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="科普类微博-当年阅读数量" name="kpwbydzs">
                    {{formData.kpwbydzs}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="科普类微博-粉丝数量" name="kpwbfszs">
                    {{formData.kpwbfszs}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="科普类微信公众号-建设数量" name="kpgzhjszs">
                    {{formData.kpgzhjszs}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="科普类微信公众号-当年发文数量" name="kpgzhfwzs">
                    {{formData.kpgzhfwzs}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="科普类微信公众号-当年阅读数量" name="kpgzhydzs">
                    {{formData.kpgzhydzs}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="科普类微信公众号-关注数量" name="kpgzhgzzs">
                    {{formData.kpgzhgzzs}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="网络科普视频-当年发布数量" name="kpspfbzs">
                    {{formData.kpspfbzs}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="网络科普视频-当年发布时长" name="kpspfbsczs">
                    {{formData.kpspfbsczs}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="网络科普视频-当年播放数量" name="kpspbfzs">
                    {{formData.kpspbfzs}}
                  </t-form-item>
              </t-col>
          </t-row>
      </t-form>
      </div>
  </t-dialog>
</template>

<script>

export default {
  name: "media-detail-dialog",
  dicts: ['approve_status'],
  props:{
    objId: {
      type: [String, Number],
      default: '',
    },
    header: {
      type: String,
      default: '新增'
    },
    row: {
      type: Object,
      default: () => ({})
    },
    isUpdate: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
      visible: true,
      formData: {
        name: '',
      },
      confirmLoading: false,
    }
  },
  created() {
    Object.assign(this.formData, this.row)
  },
  methods: {
    closeDialog() {
      this.$emit("update:visible", false);
    }
  },
}

</script>

<style scoped>

</style>